<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>预约</title>
    {load file='/static/css/bootstrap.css'}
    {load file='/static/css/all.css'}
    {load file='/static/css/style.css'}
    {load file='/static/js/jquery-3.4.1.min.js'}
    {load file='/static/js/popper.js'}
    {load file='/static/js/bootstrap.js'}
    {load file='/static/js/bootbox.js'}
    <style type="text/css">
        body{background-image: url("/images/23.jpg");text-align: center}
        ul li a{background:rgba(173, 216, 230, 0.7);border-right:1px solid #cccccc}
        ul li a:active,a:visited,a:link{text-decoration: none;color:black}
       ul li a:hover{text-decoration: none;border-bottom: 5px solid red;color: red}
       div{display:inline-block;}
       #t{width: 550px;text-align: left;}
        .carousel-inner img {
            border-radius: 10px; /* 这里设置了10px的圆角半径，你可以根据需要调整数值 */
        }
        .scroll-notice {
            width: 990px;
            height: 30px;
            background:rgba(250, 250, 240, 0.5);
            border: 1px solid #ccc;
            overflow: hidden;
            border-radius: 10px;
            /*margin: 50px auto;*/
        }

        /* 公告内容样式 */
        .scroll-notice p {
            line-height: 30px;
            margin: 0;
            white-space: nowrap;
            animation: scrollText 20s linear infinite;
        }

        /* 动画定义 */
        @keyframes scrollText {
            0% {
                transform: translateX(100%);
            }

            100% {
                transform: translateX(-100%);
            }
        }
        .c{
            display: flex;
            align-items: center; /* 使子元素在交叉轴（垂直方向，如果主轴是水平的）上居中对齐 */
        }
        .btn{
            margin-left: 5px;
            height: 35px;
        }
    </style>
</head>
<body>
<div class="container">
    <h2>【XX】医院官网首页</h2>
    <div id="carouselExampleIndicators" class="col-6 carousel slide"
         data-ride="carousel" style="padding: 0px;margin: 20px 0;">
        <ol class="carousel-indicators" >
            <li data-target="#carouselExampleIndicators" data-slide-to="0"
                class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/images/1.jpg" height="312px" class="d-block w-100" alt="Banner广告一">
            </div>
            <div class="carousel-item">
                <img src="/images/2.jpg" height="312px" class="d-block w-100" alt="Banner广告二">
            </div>
            <div class="carousel-item">
                <img src="/images/3.jpg" height="312px" class="d-block w-100" alt="Banner广告三">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators"
           role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators"
           role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!--轮播图结束-->
    <div id="t">
        <ul style="margin-right: 10px;font-size: 12px;background:rgba(220, 220, 230, 0.6);border-radius: 30%">
            <li><h6>简介</h6>
                <li>[XX 医院] 始建于 [1980 年]，历经四十余载的风雨兼程，已发展成为一所集医疗、教学、科研、预防、保健为一体的现代化综合性三级甲等医院。
            自建院以来，医院始终坚守 “以人为本，生命至上” 的核心价值观，不断追求卓越医疗品质，在医疗领域取得了累累硕果。在医疗技术方面，医院积极开展国际交流与合作，先后引进了一系列尖端医疗设备</li>
            </li>
            <br>
            <li><h6>地址</h6><li>[医院详细地址]：XX 市 XX 区 XX 路 XX 号
            医院地理位置优越，交通便利，周边有多条公交线路和地铁站，方便患者前来就诊。医院占地面积 [50000] 平方米，建筑面积 [100000] 平方米，拥有现代化的门诊大楼、住院大楼、医技大楼等医疗设施，就医环境舒适宜人，为患者提供了便捷、高效、优质的医疗服务体验。</li>
            </li>
            <br>
            <li><h6>展望</h6>
            <li>[XX 医院] 将继续秉承 “大医精诚，创新超越” 的院训精神，以患者为中心，以质量为核心，不断提升医疗服务水平和科研创新能力。医院将积极履行社会责任，参与公益医疗活动，为保障人民群众的身体健康和推动医疗卫生事业的发展做出更大的贡献。</li></li>
        </ul>
    </div>
    <div class="c">
        <div class="scroll-notice">
        <p>使用前请务必阅读使用须知！！！使用前请务必阅读使用须知！！！使用前请务必阅读使用须知！！！</p>
    </div>
        <button class="btn btn-info" data-toggle="modal" data-target="#noticeModal" data-backdrop='static'>使用须知</button>
    </div>
    <div class="modal" id="noticeModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">使用须知</div>
                    <button class="close" data-dismiss='modal'>&times;</button>
                </div>
                <div class="modal-body">
                    <p style="text-align: left;">1.医生工作时间为：8:00-12:00  14:00-17:00 请在规定时间段进行就诊</p>
                    <p style="text-align: left;">2.请尽量在预约当日进行就诊</p>
                    <p style="text-align: left;">3.就诊地点根据自己所选科室前往科室列表查看</p>
                    <p style="text-align: left;">4.使用前先注册登录</p>
                    <p style="text-align: left;">5.请勿在医院大声喧哗</p>
                    <p style="text-align: left;">6.若无法注册登录，请前往一楼大厅寻找工作人员帮助</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定已读</button>
                </div>
            </div>
        </div>
    </div>
    <ul class="nav nav-pills nav-justified" style="margin: 5px 0">
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/list" class="nav-link" target="content">医生信息预览</a></li>
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/list1" class="nav-link" target="content">科室预览</a></li>
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/queue" class="nav-link" target="content">查询预约人数</a></li>
        {if($role=='普通用户')}
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/reserve" class="nav-link" target="content">挂号预约</a></li>
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/order" class="nav-link" target="content">预约记录</a></li>
        {elseif($role=='')}
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/r" class="nav-link" target="content">挂号预约</a></li>
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/r" class="nav-link" target="content">预约记录</a></li>
        {else}
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/receive" class="nav-link" target="content">预约列表</a></li>
        <li class="nav-item" style="margin: 0 5px;"><a href="/index.php/hospital/index/historylist" class="nav-link" target="content">历史记录</a></li>
        {/if}
        {if(isset($user))}<li class="nav-item dropdown"  style="margin: 0 5px;">
        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" target="content"><i class="fa fa-user"></i>&nbsp;&nbsp;{$user}</a>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="/index.php/hospital/index/mycenter" target="content">个人中心</a>
            <a class="dropdown-item" href="/index.php/hospital/index/updatepwd" target="content">修改密码</a>
            <a class="dropdown-item" href="/index.php/hospital/index/logout">退出</a>
        </div>
    </li>{else}
        <li class="nav-item"><a href="/index.php/hospital/index/login/" class="nav-link" >登录</a></li>
        {/if}
    </ul>
    <hr color="blue" size="5">
    <iframe src="/index.php/hospital/index/list" frameborder="0" name="content" width="1100px" height="400px"></iframe>

    <div class="row" style="margin: 5px 0;">
        <div class="col-sm-12" style="height:60px;color:#ffffff;display:grid;place-items: center;padding: 0;background-color: #1e1e1e">
            <a href="/index.php/hospital/admin/login" target="_blank" style="text-decoration: none;color: #007bff">管理入口</a>
            版权所有：****&nbsp;&nbsp;&nbsp;&nbsp;技术支持：***&nbsp;&nbsp;&nbsp;&nbsp;地址：** 市 ** 区 ** 路 ** 号 &nbsp;&nbsp;&nbsp;&nbsp;邮编：******&nbsp;&nbsp;&nbsp;&nbsp;电话：****
        </div>

    </div>

</div>

</body>
</html>


